<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
<script type="text/javascript" src="/admin/lib/html5shiv.js"></script>
<script type="text/javascript" src="/admin/lib/respond.min.js"></script>
<![endif]-->
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui/css/H-ui.css" />
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="/admin/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
<script type="text/javascript" src="/admin/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
    <title></title>
    <style>
        .check-box{
            padding-left: 18px;
            padding-right: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
        }
        .layui-layer-btn .layui-layer-btn1 {
            border-color: #dd514c;
            background-color: #dd514c;
            color: #fff;
        }
    </style>
</head>

<body>
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 检测业务
        <span class="c-gray en">&gt;</span>
        <a href="javascript:;" onclick="location.href='/{{config('constant.name_admin')}}/contract/viewAllBatch';">全部批次</a>
        <span class="c-gray en">&gt;</span> 查看详细【{{ $contractInfo->client_name }}】
        <a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
            title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
    </nav>
    <div class="page-container">
        <div class="">
            <table class="table table-border table-bordered table-bg table-hover table-responsive" id="datatable">
                <thead>
                    {{--
                    <tr>
                        <th scope="col" colspan="5">客户管理</th>
                    </tr> --}}
                    <tr class="text-c">
                        {{-- <th>
                            <div class="skin-minimal">
                                <div class="check-box">
                                    <input type="checkbox" id="checkbox-1">
                                    <label for="checkbox-1">&nbsp;</label>
                                </div>
                            </div>
                        </th> --}}
                        <th>条形码</th>
                        <th>样品名称</th>
                        <th>额定电压</th>
                        <th>样品状态</th>
                        <th>结论</th>
                        {{-- <th>主检人</th> --}}
                        <th>状态</th>
                        <th>试验日期</th>
                        <th>操作</th>
                    </tr>
                </thead>
            </table>
        </div>

        {{-- <div class="cl pd-5 bg-1 bk-gray mt-15">
                <input type="button" value="确定" id="btn_ok" class="btn btn-success radius">
        </div> --}}
    </div>
    <!--_footer 作为公共模版分离出去-->
    <script type="text/javascript" src="/admin/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="/admin/lib/layer/3.1.1/layer.js"></script>
    <script type="text/javascript" src="/admin/static/h-ui/js/H-ui.js"></script>
    <script type="text/javascript" src="/admin/static/h-ui.admin/js/H-ui.admin.js"></script>
    <!--/_footer 作为公共模版分离出去-->

    <!--请在下方写此页面业务相关的脚本-->
    <script type="text/javascript" src="/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
    <script type="text/javascript" src="/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
    <script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
    <script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
    <script type="text/javascript">
        var table;

$(function(){

   /*  $('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '100%'
	}); */

    $.fn.dataTable.ext.errMode = 'throw';//datatable抛异常的方式，在console中输出，默认以alert的方式弹出
    table = $('#datatable').DataTable({
        // order: [[ 5, 'desc' ]],//默认第几个排序
        language: {url: '/admin/lib/datatables/dataTables_Chinese_Lang.json'},
        ordering: true, // 是否排序
        "pageLength": 10,
        // "dom": '<"toolbar f-l pb-15">frtip',
        // "lengthChange": false,
        // "stateSave": true,// 状态保存 - 再次加载页面时还原表格状态
        // "stateDuration": -1,//仅保留当前会话的数据
        // "paging":false, //禁用分页
        serverSide: true,//服务器端处理模式——此模式下如：过滤、分页、排序的处理都放在服务器端进行。
        // responsive: true,//响应式，需要插件
        // fixedHeader: true,//表头固定，需要插件
        // autoWidth: false,
        ajax: "",
        processing : true,//加载数据时候是否显示进度条
        // language: { url: '/admin/lib/datatables/dataTables_Chinese_Lang.json' },
        createdRow : function( row, data, dataIndex ) {
            //当tr元素被创建（所有的td元素已经插入进去），或者给tr绑定事件，该回调函数被执行
            //$(row).addClass( 'text-l' );
        },
        initComplete : function (settings, json) {
            //当表格完成加载绘制完成后执行此方法
            //仅初次表格数据加载完成后执行
            // $(row).addClass( 'text-c' );
        },
        columns: [
            // { //复选框
            //     data : null, class:"text-c",
			// 	render: function(data, type, row, meta) {
            //         return '<div class="skin-minimal"><div class="check-box"><input type="checkbox" value="' + row.id + '">&nbsp;</div></div>';
            //     }
            // },
            { data : "bar_code", class:"text-c" },
            { data : "contract_gaiyao", class:"text-c",
			  render: function(data, type, row, meta) {
                return data.tool_name;
			  }
            },
            { data : "contract_gaiyao", class:"text-c",
			  render: function(data, type, row, meta) {
                return data.voltage;
			  }
            },
            { data : "sample_status", class:"text-c" },
            { data : "res", class:"text-c",
			  render: function(data, type, row, meta) {
				if (data==0) {
					return '';
                } else if (data==1){
					return '<span class="badge badge-primary radius">合格</span>';
				} else if (data==2){
					return '<span class="badge badge-danger radius">不合格</span>';
				}
			  }
            },
            // { data : "res", class:"text-c",
            //     //主检人
            //     render: function(data, type, row, meta) {
            //     //    return data === null ? '' : data.realname;
            //         return '';
            //     }
            // },
            { data : "status0", class:"text-c",
			  render: function(data, type, row, meta) {
				if (data==-1) {
					return '<span class="badge badge-danger radius">已驳回</span>';
                } else if (data==0){
					return '<span class="badge badge-primary radius">未提交</span>';
				} else if (data==1){
					return '<span class="badge badge-primary radius">待审核</span>';
				} else if (data==2){
                    return '<span class="badge badge-default radius">审核通过</span>';
                }else if (data==3){
                    return '<span class="badge badge-default radius">未试验</span>';
                }else if (data==4){
                    return '<span class="badge badge-default radius">试验中</span>';
                }else{
                    return '<span class="badge badge-default radius">未知状态</span>';
                }
			  }
			},
            // { data : "check_times", class:"text-c",
            //     render: function(data, type, row, meta) {
            //         if (data==0) {
            //             return '<span class="badge badge-default radius">' + data + '</span>';
            //         } if (data==1) {
            //             return '<span class="badge badge-primary radius">' + data + '</span>';
            //         } else{
            //             return '<span class="badge badge-danger radius">' + data + '</span>';
            //         }
            //     }
            // },
            { data : "test_time", class:"text-c" },
            { data : null, class:"text-c",
            	render: function(data, type, row, meta) {
                    return '<a class="ml-5 btn btn-primary radius size-MINI" href="javascript:;" onclick="testData_edit(\'结果查看\',\'/{{config('constant.name_admin')}}/itemData/view\',\''+ row.id +'\')">结果查看</a>';
                }
            },
        ],
        columnDefs: [
            { targets: [1,2,7], searchable: false } ,//不参与搜索的列
            { targets: [1,2,7], orderable: false },//禁用排序的列
        ],
    });
                        // <th>条形码</th>
                        // <th>样品名称</th>
                        // <th>电压等级</th>
                        // <th>样品状态</th>
                        // <th>结论</th>
                        // <th>操作</th>
	/*  draw  在表格完成绘制后触发*/
    table.on( 'draw', function () {
/*         var info = table.page.info();
        //如果最后一页仅剩一条记录，而且不是在第一页
        if((info.start == info.end) && info.end > 1){
            //跳转到上一页
            $('#datatable_previous').click();
        } */
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });

        //清除table中 CheckBox的对勾
        $("#datatable").find("input[type=checkbox]").iCheck('uncheck');

        iCheck_checkAll();//iCheck 全选
    });


});

/*下载报告*/
function download_report(id){
    window.open('/{{config('constant.name_admin')}}/exportReport/export?id=' + id,'_blank');
}

/*试验数据  修改*/
function testData_edit(title,url,id,w,h){
    layer_show(title,url + '?id=' + id,w,h);
}
function batch_check(){
    var doms = $("tbody input:checkbox:checked");
    var l = doms.length;

    layer.msg(l+'',{ time:2000 });
}

/*表格重新加载*/
function table_reload(bool){
    if(bool){
        //true时，跳到第一页
        table.ajax.reload();
    }else{
        //false时，停留在原来页
        table.ajax.reload(null, false);
    }
}

/*单个审核*/
function check_one(id,status){
    var index2;

    $.ajax({
        type: 'post',
        url: '/{{config('constant.name_admin')}}/sampleInfo/oneCheck',
        // dataType: 'json',
        data:{
            id:id,
            status:status,
            batch_id:'{{ $_GET['id'] }}',
            _token:'{{ csrf_token() }}',
        },
        success: function(data){
            // console.log(data);
            if(data === '1'){
                table_reload(0);//0停留在当前页，1回到第一页
                layer.msg('审核完成!',{icon:1,time:1000});
            }else{
                layer.msg('操作失败!',{icon:2,time:2000});
            }
        },
        error:function(data) {
            ajax_error(data);
        },
        beforeSend : function () {
            //0.4透明度 白色遮罩
            index2 = layer.load(2,{ shade: [0.05,'#000'] });
        },
        complete : function () {
            layer.close(index2);
        },
    });
}

/*批量审核 询问框*/
function check_batch(){
    var doms = $("tbody tr > td:first-child input:checkbox:checked");
    var l = doms.length;
    if (l == 0) {
        layer.msg('请先勾选一条记录',{ time:2000 });
        return;
    }

    var checkID = [];//定义一个空数组
    doms.each(function(i){//把所有被选中的复选框的值存入数组
        checkID[i] =$(this).val();
    });

    layer.confirm('您勾选了 '+l+' 条记录', {
        btn: ['批量通过','批量驳回'], //按钮
        btnAlign: 'c',//按钮居中对齐
        title:'批量审核',
    }, function(){
        check_batch_real(2,checkID);//通过
    }, function(){
        check_batch_real(-1,checkID);//驳回
    });
}
/*批量审核*/
function check_batch_real(status,checkID){
    var index2;

    $.ajax({
        type: 'post',
        url: '/{{config('constant.name_admin')}}/sampleInfo/batchCheck',
        // dataType: 'json',
        data:{
            status:status,
            checkID:checkID,
            batch_id:'{{ $_GET['id'] }}',
            _token:'{{ csrf_token() }}',
        },
        success: function(data){
            // console.log(data);
            if(data === '1'){
                table_reload(0);//0停留在当前页，1回到第一页
                layer.msg('审核完成!',{icon:1,time:1000});
            }else{
                layer.msg('操作失败!',{icon:2,time:2000});
            }
        },
        error:function(data) {
            ajax_error(data);
        },
        beforeSend : function () {
            //0.4透明度 白色遮罩
            index2 = layer.load(2,{ shade: [0.05,'#000'] });
        },
        complete : function () {
            layer.close(index2);
        },
    });
}

/*删除*/
function del(id){
    var index2;

	layer.confirm('确认要删除吗？',function(index){
		$.ajax({
			type: 'GET',
			url: '/{{config('constant.name_admin')}}/client/del' + '?id=' + id,
			// dataType: 'json',
			success: function(data){
                // console.log(data);
                if(data === '1'){
                    table_reload(0);//0停留在当前页，1回到第一页
                    layer.msg('删除成功!',{icon:1,time:2000});
                }else{
                    layer.msg('删除失败!',{icon:2,time:2000});
                }
			},
			error:function(data) {
                ajax_error(data);
            },
            beforeSend : function () {
                //0.4透明度 白色遮罩
                index2 = layer.load(2,{ shade: [0.05,'#000'] });
            },
            complete : function () {
                layer.close(index2);
            },
		});
	});
}

/*编辑*/
function edit(title,url,id,w,h){
    layer_show(title,url + '?id=' + id,w,h);
}

/*添加*/
function add(title,url,w,h){
    layer_show(title,url,w,h);
}

    </script>
</body>

</html>
